﻿<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">

</script>


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,viewport-fit=cover" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title></title>
    <!-- 引入样式文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.11/lib/index.css" />

    <!-- 引入 Vue 和 Vant 的 JS 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.11/lib/vant.min.js"></script>
    <script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>

    <style type="text/css">
        body { background: #F7F8FA; }

        .van-doc-demo-block__title { margin: 0; padding: 10px 6px 40px 6px; color: rgba(69, 90, 100, 0.6); font-weight: normal; font-size: 14px; line-height: 26px; }

        .van-doc-demo-block__title .ribao_left { float: left; color: #1989fa; }

        .van-doc-demo-block__title .ribao_right { float: right; }

        .image { width: 100%; }
        .image img { float: left; margin: 3px 6px 10px 6px; border: 1px rgba(69, 90, 100, 0.6) solid; padding: 1px; }
    </style>
</head>

<body>
    <div id="app">
        <%--<van-nav-bar title="项目状态管理" fixed="true" placeholder="true"></van-nav-bar>--%>

        <van-form>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>
            <van-cell title="[金融]金地名京弱电项目" is-link arrow-direction="down" value="施工中" :value="value" @click="showPicker = true"></van-cell>

             
                <van-popup v-model="showPicker" position="bottom">
                  <van-picker
                    show-toolbar
                    :columns="columns"
                    @confirm="onConfirm"
                    @cancel="showPicker = false"
                  ></van-picker>
                </van-popup>    
            

            <div style="height:50px;">
            &nbsp;
        </div>
        </van-form>


        <van-tabbar v-model="active">
            <van-tabbar-item name="home" icon="home-o" url="index.aspx">提交日报</van-tabbar-item>
            <van-tabbar-item name="search" icon="bar-chart-o">日报统计</van-tabbar-item>
            <van-tabbar-item name="setting" icon="setting-o">项目管理</van-tabbar-item>
        </van-tabbar>
    </div>
</body>

</html>
<script>
    // 在 #app 标签下渲染一个按钮组件
    new Vue({
        el: '#app',
        data() {
            return {
                active: 'setting', 

                value: '施工中',
                columns: ['施工中', '停工', '竣工', '复工', '未知'],
                showPicker: false,
                showPicker: false,
            }
        },
        methods: {
            onConfirm(value) {
                this.value = value;
                this.showPicker = false;
            },
        },
    });

    // 调用函数组件，弹出一个 Toast
    //vant.Toast('提示');

    // 通过 CDN 引入时不会自动注册 Lazyload 组件
    // 可以通过下面的方式手动注册
    Vue.use(vant.Lazyload);


    dd.ready(function () {
        dd.biz.navigation.setTitle({
            title: '项目管理'
        });
    });
</script>
